.title {
    margin: 20px 15px 10px;
    color: #6d6d72;
    font-size: 15px;
}

.oa-contact-cell.mui-table .mui-table-cell {
    padding: 11px 0;
    vertical-align: middle;
}

.oa-contact-cell {
    position: relative;
    margin: -11px 0;
}

.oa-contact-avatar {
    width: 75px;
}

.oa-contact-avatar img {
    border-radius: 50%;
}

.oa-contact-content {
    width: 100%;
}

.oa-contact-name {
    margin-right: 20px;
}

.oa-contact-name,
oa-contact-position {
    float: left;
}

.mui-bar {
    background-color: #aabbdd;
}

header .mui-icon{
    color: white;
}

.mui-bar-tab .mui-tab-item {
    color: white;
}
.mui-title {
    color: white;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
body {
    padding-bottom: 60px;
}
.nav {
    margin: 0 3%;
    ul{
        display: flex;
        flex-wrap: wrap;
        li {
            width: 33.33%;
            a {
                img {
                    width: 100%;
                    display: block;
                }
            }
        }
    }
}

.mui-bar-tab .mui-tab-item.mui-active{
    color: rgb(252, 235, 137);
}

.mui-badge{
    display: none;
}

